<ion-view view-title="我" class="wo-titel-bg">
<ion-header-bar class="mine-header" style="background-color:rgba(0,0,0,0); ">
   <button class="button button-clear icon ion-android-person-add" style="color: white;"></button>
   <h2 class="yonghu-name yonghu-title">&nbsp;&nbsp;&nbsp;用户名</h2>
    <div style="position: relative; width: 100%">
        <div class="button-zu">
            <button class="button button-clear icon ion-gear-a" style="color: white;"></button>
            <button class="button button-clear icon ion-forward" style="color: white;"></button>
        </div>
    </div>
</ion-header-bar>
    <div class="button-bar buttonBar1">
        <a class="button button-clear beijinse mine-xiahuaxian" ng-click="huanyeSlide(1)">笔记</a>
        <a class="button button-clear beijinse" ng-click="huanyeSlide(2)">专辑</a>
    </div>
<ion-content style="background-color:rgba(0,0,0,0); "
             on-scroll="yemianhuadong()">
        <ion-list class="list-ul"  style="background-color:rgba(0,0,0,0); ">
            <ion-item class="item-avatar-left"  style="background-color:rgba(0,0,0,0); ">
                <img src="./img/4.jpg">
                <h2 class="gfbb-h2">
                    <span class="gfbb">关注<span class="gfbb-shu">0</span></span>
                    |<span class="gfbb">粉丝<span class="gfbb-shu">0</span></span>
                    |<span class="gfbb">被赞<span class="gfbb-shu">0</span></span>
                    |<span class="gfbb">被收藏<span class="gfbb-shu">0</span></span>
                </h2>
            </ion-item>
            <ion-item  style="background-color:rgba(0,0,0,0); ">
                <h2 class="yonghu-name">用户名</h2>
                <p class="yonghu-pp">
                <span class="icon ion-ios-location-outline yonghu-weizhi">
                    地球的某一片红薯地
                </span>
                    <a href="" class="button-gerengziliao">个人资料</a>
                </p>
            </ion-item>
            <p class="wanshanziliao icon ion-social-twitter-outline">
                完善你的个人资料，让小红署好好认识你吧
                <span class="icon ion-chevron-right qiangwang"></span>
            </p>
            <ion-item style="margin: 0;">
                <div class="mine-fenye">
                    <a href="">
                        <img src="./img/gouwuche.png">
                        购物车
                    </a>
                </div>
                <div class="mine-fenye">
                    <a href="">
                        <img src="./img/dingdan.png">
                       订单
                    </a>
                </div>
                <div class="mine-fenye">
                    <a href="">
                        <img src="./img/shuquan.png">
                        署券
                    </a>
                </div>
                <div class="mine-fenye">
                    <a href="">
                        <img src="./img/xinyuandan.png">
                        心愿单
                    </a>
                </div>
            </ion-item>
        </ion-list>
        <ion-list class="list-ul">
            <div class="button-bar buttonBar2">
                <a class="button button-clear beijinse mine-xiahuaxian" ng-click="huanyeSlide(1)">笔记</a>
                <a class="button button-clear beijinse" ng-click="huanyeSlide(2)">专辑</a>
            </div>
            <ion-slide-box class="mine-huadong-ke"
                           show-pager="false"
                           on-slide-changed="zhuoyouhuadong()">
                <ion-slide class="mine-huadong">
                    <h1><span>发布你的第一篇笔记</span></h1>
                </ion-slide>
                <ion-slide class="mine-huadong">
                    <h1>你还没有创建专辑哦</h1>
                </ion-slide>
            </ion-slide-box>
        </ion-list>
</ion-content>

</ion-view>